<!--
 * @轮子的作者: 轮子哥
 * @Date: 2023-08-29 15:34:18
 * @LastEditTime: 2023-10-18 12:05:00
-->
<template>
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
        style="margin-left: 35px;margin-right: 35px;margin-top: 55px;background: #f2f2f2;">

        <div v-for="(item, index) in navList" v-bind:key="item">
            <el-menu-item  :index="index+1+''" style="font-size: 16px;font-weight: 600;">{{ item }}</el-menu-item>
        </div>
    </el-menu>
</template>
  
<script>
export default {
    name: 'HouseDeatilNavigation',
    emits: ['returnData'],
    components: {
    },
    props: {
        navList: Array
    },
    data() {
        return {
            activeIndex: '1'
        }
    },
    mounted() {

    },
    methods: {
        handleSelect(key) {
            this.$emit('returnData', key);
        }
    },
    watch: {

    },
    computed: {

    }
}
</script>
<style scoped>
::v-deep(.el-menu--horizontal, .el-menu) {
    background: rgb(242, 242, 242);
}
</style>